<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>E总管-帖子详情页</title>
		<link rel="stylesheet" href="src/css/bootstrap.min.css" />
		<link rel="stylesheet" href="public/css/my_style.css" />
		<link rel="stylesheet" href="public/css/header.css" />
		<link rel="stylesheet" href="public/css/footer.css" />
		<link rel="stylesheet" href="css/forum_datail.css" />

	</head>

	<body>
		<div id="app" v-cloak>
			<m_header :user_info="infos"></m_header>
			<div class="my_container">
				<div class="detail">
					<ol class="breadcrumb">
						<li>论坛中心</li>
						<li class="active">帖子展开</li>
					</ol>
					<div class="title text-center">
						<span>{{newsInfo.Title}}</span>
					</div>
					
					<div class="content">
						<div>
							<span v-html="newsInfo.Content"></span>
						</div>
						<div class="clear"></div>
						<div class="image text-center">
							<img :src="newsInfo.Image" alt="" />
						</div>
						<div class="time" style="float: left;">
							<span>{{newsInfo.CreateTimeText}}</span>
						</div>
						
						
						<div class="icons">
							<li class="my_flex my_flex_center"><img @click="like(1)" class="cursor" :src="newsInfo.isLike ? 'imgs/community/liked.png':'imgs/community/like.png'"  alt="" />{{newsInfo.Like}}</li>
							<li class="my_flex my_flex_center"><img @click="addForumFavorites()" class="cursor" :src="newsInfo.isFavorite?'imgs/news/love.png':'imgs/community/ulove.png'" alt="" />{{newsInfo.FavoriteCount}}</li>
							<li class="my_flex my_flex_center"><img @click="like(0)" class="cursor" :src="newsInfo.isLike==false ? 'imgs/community/unliked.png':'imgs/community/unlike.png'"  alt="" />{{newsInfo.Unlike}}</li>
						</div>
						
					</div>
					<!--回复区-->
					<div class="my_back">
						<form class="form-horizontal" v-show="isLogin">
							<div class="form-group my_tips">
								<textarea placeholder="请输入评论内容" name="content" v-model="replyData.content" class="form-control" rows="4"></textarea>
								<!--<li class="unlogin">
									用户未登录，无法评论！
									<div></div>
								</li>-->
							</div>
							<div class="form-group">
								<div class=" submit">
									<button type="button" class="btn btn-base" @click="reply(newsInfo.ID,0)">发 表</button>
								</div>
							</div>
						</form>
					</div>
					<!--评论列表-->
					<div class="list">
						<li class="title">全部评论<span>({{replyCount}})</span></li>
						<div class="back_list">
							<div class="one_back cursor"  v-for="(item,index) in newsReplys">
								<div class="one_content" @click.stop='replyReplyShow($event,item)'>
									<div class="icon">
										<img :src="item.HeadImage" alt="" />
									</div>
									<div class="right my_flex my_flex_col">
										<span>{{item.Creator}}</span>
										<span>{{item.Content}}</span>
										<div>
											<span>{{item.CreateTimeText}}</span>
										</div>
									</div>
									<div class="icons">
										<li @click.stop="moreReply(item.ID)" onerror="globalData.utils.imgLoadErr()" class="my_flex my_flex_center"><img src="imgs/community/back.png" alt="" />{{item.ReplyCount}}</li>
									</div>
								</div>							
								<div class="back_other" @click.stop="">
									<form class="form-horizontal">
										<div class="form-group my_tips">
											<textarea placeholder="请输入评论内容" name="content" v-model="replyData.content1" class="form-control" rows="4"></textarea>
										</div>
										<button type="button" style="width: auto;" class="btn btn-base" @click="reply(item.ID,1)">发 表</button>
									</form>
								</div>
							</div>
							<change-page :current_page="page.pageIndex" :page_size="page.pageSize" :page_total="page.pageTotal" @page-change="getPageReplys"></change-page>
						</div>
					</div>
					
				</div>
			</div>
			<!--回复详情列表-->
				<one_back_list v-if="children_data.isShow"  :parent_data="children_data"></one_back_list>
			<!--回复详情列表结束-->
			<!--footer-->
			<m_bottom :user_info="globalData.userInfo"></m_bottom>
			<!--loading-->
			<loading></loading>
			<div class="mask"></div>
		</div>
		<script src="src/jquery.js"></script>
		<script src="src/vue.min.js"></script>
		<script src="public/js/comm.js"></script>
		<script src="src/js/bootstrap.min.js"></script>
		<script src="src/js/bootstrapValidator.min.js"></script>	
		<script src="public/js/header_bottom.js"></script>
		<script src="public/component/news/news_back_detail.js"></script>
		<script src="public/component/change_page.js"></script>
		<script src="js/forum_datail.js"></script>
	</body>

</html>